<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" 
"http://www.w3.org/TR/html4/strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>{$_site.titulo}</title>
	<script type="text/javascript" src="{$_site.url}public/js/jquery/jquery-1.4.2.min.js"></script>
	<script type="text/javascript" src="{$_site.url}public/js/funcoes.js"></script>
	<script type="text/javascript" src="{$_site.url}public/js/jquery/jquery.validate.min.js"></script>
	<script type="text/javascript" src="{$_site.url}public/js/jquery/jquery.maskedinput-1.2.2.js"></script>
	<script type="text/javascript" src="{$_site.url}public/js/jquery/jquery.price_format.1.3.js"></script>
	<script type="text/javascript" src="{$_site.url}public/js/jquery/jqueryMetodosBR.js"></script>
	<script type="text/javascript" src="{$_site.url}public/js/jquery/jquery.autocomplete.min.js"></script>
	<script type="text/javascript" src="{$_site.url}public/js/jquery/jquery.DOMWindow.js"></script>
	<script type="text/javascript" src="{$_site.url}public/js/jquery/jquery.ajaxfileupload.js"></script>
	<script type="text/javascript" src="{$_site.url}public/js/jquery/jquery.limit.js"></script>
	<script type="text/javascript" src="{$_site.url}public/js/jquery/jquery.numeric.js"></script>
	<script type="text/javascript" src="{$_site.url}public/js/jwysiwyg/jquery.wysiwyg.js"></script>
    <script type="text/javascript" src="{$_site.url}public/js/ajaxupload/ajaxupload.js"></script>
	<script type="text/javascript" src="{$_site.url}public/js/jquery/jquery.datepick.js"></script>
	<script type="text/javascript" src="{$_site.url}public/js/jquery/jquery.datepick-pt-BR.js"></script>
	
	<link rel="stylesheet" type="text/css" href="{$_site.url}public/css/estilos.css" />
	<link rel="stylesheet" type="text/css" href="{$_site.url}public/css/stylesitecliente.css" />
	
	<link rel="stylesheet" type="text/css" href="{$_site.url}public/css/jquery.datepick.css" />
	<link rel="stylesheet" type="text/css" href="{$_site.url}public/css/redmond.datepick.css" />
	
	<link rel="stylesheet" type="text/css" href="{$_site.url}public/css/jquery.autocomplete.css" />
	
	<link rel="stylesheet" type="text/css" href="{$_site.url}public/css/jquery.wysiwyg.css" />
{literal}
<script type="text/javascript">
    $(document).ready(function()
    {

		$('#segundaViaBoleto').click(function() {
			limpaForm();
			jqAjaxLink("{/literal}{$_site.url}{literal}area-cliente/form-segunda-via-boleto", "", "div_form");
        }); 

		$('#visualizarExtrato').click(function() {
			limpaForm();
			jqAjaxLink("{/literal}{$_site.url}{literal}area-cliente/form-visualizar-extrato", "", "div_form");
        }); 

		$('#visualizarHistoricoCobrancas').click(function() {
			limpaForm();
			jqAjaxLink("{/literal}{$_site.url}{literal}area-cliente/form-historico-pagamento", "", "div_form");
        }); 

		$('#visualizarMeusDados').click(function() {
			limpaForm();
			jqAjaxLink("{/literal}{$_site.url}{literal}area-cliente/visualizar-dados-pessoais", "", "div_form");
        });
        
		$('#logoff').click(function() {
			limpaForm();
			document.location.href = "{/literal}{$_site.url}{literal}login/sair";
        }); 

		$('#visualizarAgendaAmbientes').click(function() {
			limpaForm();
			jqAjaxLink("{/literal}{$_site.url}{literal}area-cliente/form-visualizar-agendamentos", "", "div_form");
        }); 

		$('#visualizarRecados').click(function() {
			limpaForm();
			jqAjaxLink("{/literal}{$_site.url}{literal}area-cliente/visualizar-recados", "", "div_form");
        });
        
		$('#trocaSenha').click(function() {
			limpaForm();
			jqAjaxLink("{/literal}{$_site.url}{literal}login/troca-senha-form", "", "div_form");
        });

		function limpaForm()
		{
			$("#div_form").html("");
			$("#div_mensagem").html("");
			$("#div_auxiliar").html("");
			$("#div_tabela").html("");
		}
    }); //fecha $(
</script>
{/literal}
<table width="70%" align="center" cellpadding="20" cellspacing="10">
	<tr>
		<td align="center">
			<span style="cursor:pointer" class="terra bold beta" id="segundaViaBoleto">
			<img src="{$_site.url}/public/images/icn-baixar-documento.png" align="top" width="70"><br>
			2&ordf; vida de boleto
			</span>
		</td>
		<td align="center">
			<span style="cursor:pointer" class="terra bold beta" id="visualizarExtrato">
			<img src="{$_site.url}/public/images/ic-grafico-consumo.png" align="top" width="70"><br>
			Visualizar consumo atual</span>
		</td>
		<td align="center">
			<span style="cursor:pointer" class="terra bold beta" id="visualizarHistoricoCobrancas">
			<img src="{$_site.url}/public/images/ic-historico-cobranca.png" align="top"><br>
				Historico de cobran&ccedil;as
			</span>
		</td>
	</tr>
	<tr>
		<td align="center">
			<span style="cursor:pointer" class="terra bold beta" id="visualizarMeusDados">
			<img src="{$_site.url}/public/images/ic-dados-usuario.png" width="75"><br>
				Meus dados e Documentos
			</span>
		</td>
		<td align="center">
			<span style="cursor:pointer" class="terra bold beta" id="visualizarAgendaAmbientes">
			<img src="{$_site.url}/public/images/ic-agenda-ambientes.png" width="75"><br>
			Agendamento de ambientes
			</span>
		</td>
		<td align="center">
			<span style="cursor:pointer" class="terra bold beta" id="visualizarRecados">
				<img src="{$_site.url}/public/images/ic-recado.png" width="75"><br>
				Recados
			</span>
		</td>
	</tr>
	<tr>
		<td colspan="3" align="center">
			<span style="cursor:pointer" class="terra bold beta" id="trocaSenha">
				Trocar Senha <img src="{$_site.url}/public/images/ic-troca-senha.png" align="top">
			</span>
			&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
			<span style="cursor:pointer" class="terra bold zeta" id="logoff">
				Sair <img src="{$_site.url}/public/images/ic-logoff-areacliente.png" align="top" width="">
			</span>
		</td>
	</tr>
</table>
<div id="div_form"></div>
<div id="div_mensagem"></div>
<div id="div_tabela"></div>
<div id="div_auxiliar"></div>
</body>
</html>
